<template>
  <div class="discuss-item d-flex pt-5">
    <img src="/static/images/page/test.png" class="avatar mr-5">
    <div class="content-block flex-1">
      <div class="top-block d-flex jc-between ai-center">
        <div class="username  pt-3 fwb">
          <span>Ya Chin-Ho</span>
          <span v-if="true">
            <span class="fs-sm text-info mx-3 fwn">回复</span>
            <span>张小敏</span>
          </span>
          <span class="fs-sm text-info ml-4 fwn">刚刚</span>
        </div>
        <div class="praise-block d-flex ai-center">
          <img src="/static/images/page/praise.png" class="praise-i mr-3">
          <span class="num text-info pt-2">385</span>
        </div>
      </div>
      <p class="discuss pt-3">当消费者通过在线旅行社预订酒店或者旅游打包产品后，他们会收到服务跟踪消息征求其反馈意见，通过这种方法在线旅行社丰富了他们的酒店评论内容。</p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
    }
  }
}
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
@import "@/styles/index.scss";
.discuss-item {
  padding-bottom: 35rpx;
  border-bottom: 1rpx solid $green-light-border;
  .avatar {
    @include wh(60rpx, 60rpx);
    border-radius: 50%;
  }
  .praise-block {
    .praise-i {
      @include wh(30rpx, 30rpx);
    }
    .num {
      font-size: 26rpx;
    }
  }
}
</style>